<#assign s=JspTaglibs["/WEB-INF/struts-tags.tld"]>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Home Page</title>
    
   <#include "header.ftl">
  </head>

  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar">Icon1</span>
            <span class="icon-bar">Icon2</span>
            <span class="icon-bar">Icon3</span>
          </button>
          <a class="brand" href="http://10.136.4.135/">ActiveNetwork</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="http://10.136.4.135/">Home</a></li>
              <li><a href="http://10.136.4.135/old/">Old Version</a></li>
              <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#contact">Links</a></li>
              <li class="dropdown">
                <a href="http://twitter.github.io/bootstrap/examples/hero.html#" class="dropdown-toggle" data-toggle="dropdown">MoreAction<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#">First</a></li>
                  <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#">Second</a></li>
                  <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#">Third</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Nav header</li>
                  <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#">Separated link</a></li>
                  <li><a href="http://twitter.github.io/bootstrap/examples/hero.html#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <#if Session.accountSession??>
              <div class="pull-right" style="color:#FFFFFF;font-size:20px">
              Welcome, ${Session.accountSession.displayName} 
              <a class="btn" href="Login_logout.action">Sign Out</a>
              </div>
            <#else>
            <form class="navbar-form pull-right" action="Login_login.action" method="post">
              <input class="span2" type="text" name="account.name" placeholder="Email">
              <input class="span2" type="password" name="account.password" placeholder="Password">
              <input type="checkbox" name="account.autoLoginFlag" >
              <span style="color:#AAAAAA">Auto Login</span>
              <button type="submit" class="btn">Sign in</button>
            </form>

            </#if>

          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">


   <#list beanList as groupList>
        <div class="row">
      <#list groupList as linkBean>
         <div class="span3">
          <h2>${linkBean.linkTypeName}</h2>
          <#list linkBean.linkList as link>
              <p><a id="${link.id}" href="${link.url}" title="${link.description}" target="_blank">${link.name}</a>(${link.numClick})</p>
          </#list>
        </div>
       </#list>
          </div>
   </#list>

   
   
      <hr>
      <footer>
        <#include "footer.ftl">
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    
<script type="text/javascript">
$(function(){
  $("a").click(function(){
    $.getJSON("AJAX_updateNumClick.action",{linkId: $(this).attr('id')}, function(data){
    });
  });
}); 
</script>

  </body>
</html>